﻿@model StudentEditViewModel
@{
    ViewBag.Title = "编辑学生学信";
    //获取当前学生的照片信息
    var photoPath = "~/images/" + (Model.ExistingPhotoPath ?? "timg.jpg");
}

<form enctype="multipart/form-data" asp-controller="home" asp-action="edit" method="post" class="mt-3">
    <div asp-validation-summary="All" class="text-danger"></div>
    <input hidden asp-for="ID" />
    <input hidden asp-for="ExistingPhotoPath" />
    <div class="form-group row mt-2">
        <label asp-for="Name" class="col-sm-2 col-form-label"></label>
        <div class="col-sm-10">
            <input asp-for="Name" class="form-control" placeholder="请输入名字" />
            <span asp-validation-for="Name" class="text-danger"></span>
        </div>
    </div>

    <div class="form-group row mt-2">
        <label asp-for="Email" class="col-sm-2 col-form-label"></label>
        <div class="col-sm-10">
            <input asp-for="Email" class="form-control" placeholder="请输入邮箱" />
            <span asp-validation-for="Email" class="text-danger"></span>
        </div>

    </div>

    <div class="form-group row mt-2">
        <label asp-for="ClassName" class="col-sm-2 col-form-label"></label>
        <div class="col-sm-10">
            <select asp-for="ClassName" asp-items="Html.GetEnumSelectList<ClassNameEnum>()" class="form-control mr-sm-2">
                <option value="">请选择</option>
            </select>
            <span asp-validation-for="ClassName" class="text-danger"></span>
        </div>
    </div>

    <div class="form-group row mt-2">
        <label asp-for="Photos" class="col-sm-2 col-form-label"></label>
        <div class="col-sm-10">
            <div class="custom-file">
                <input asp-for="Photos" multiple class="form-control custom-file-input" />
                <label class="custom-file-label">请选择照片......</label>
            </div>

        </div>
    </div>


    <div class="form-group row row col-sm-4 offset-4">
        <img class="imagesThumbnail" src="@photoPath" asp-append-version="true" />
    </div>

    <div class="form-group row mt-4">
        <div class="col-sm-10">
            <button type="submit" class="btn btn-primary">更新</button>
            <a asp-action="index" asp-controller="home" class="btn btn-primary">取消</a>
        </div>
    </div>
</form>

@section Scripts{
    <script type="text/javascript">
        $(document).ready(function () {
            $('.custom-file-input').on("change", function () {
                var fileLabel = $(this).next('.custom-file-label');
                var files = $(this)[0].files;
                if (files.length > 1) {
                    fileLabel.html("您已经选择了" + files.length + "个文件");
                } else if (files.length == 1) {
                    fileLabel.html(files[0].name);
                }
            })
        })
    </script>
}